@charset "utf-8";
@font-face {
font-family: FiraMono;
src: url(FiraMono-Regular.woff) format("woff"),
url(FiraMono-Regular.eot) format("embedded-opentype");
}
p {
font-family: FiraMono, serif;
}

h1 {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif
}
header{
      width: 91%;
      background-color: #171717;      
      position: fixed;
      color: gray;
      border-radius: 10px 10px 10px 10px;
      height: 5em;
      float: left;
	  bottom: 0;
    }

	nav ul {
			list-style-type:none;
			margin:0;
			padding:0;
			margin-bottom:0.2em;
			display:flex;
			flex-direction: row;
			font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		}
		nav li { flex-grow: 1; }
		nav a {
			display:block;
			padding:1em;
			background-color:#444444;
			text-align:center;
			margin-right:0.2em;
			text-decoration:none;
			color:#fff;
		}

	.izquierda {
		background: linear-gradient(to bottom, #FFE4F8, white);
		width: 19.5%;
		height: 600px;
		float: left;
		margin-right: 0.5%;
		text-align: center;
		padding:5px;
		padding-top:20px;
	}
	
	#destacada {
  width: 150px;
  height: 300px;
}
	.centro {
		background: linear-gradient(to bottom, #54D7FF, black);
		width: 59.5%;
		height: 600px;
		float: left;
		margin-right: 0.5%;
		text-align: center;
		border-top-width: 50px;
		padding-top:50px;
	
	}
	.derecha {
		background: linear-gradient(to bottom, #FFE4F8, white);
		width: 18%;
		height: 600px;
		float: left;
		
		margin-right: 0.5%;
		text-align: center;
		padding-top:20px;
	}
	body { 
		background-color: white;
		font-family: 'FiraMono', sans-serif;
		font-size: 18px;
		color: black;
		margin-left: 50px;
		margin-right: 50px;
	}
	h1 { 
		background-color: black;
		font-family: 'FiraMono', cursive;
		font-size: 28px;
		color: #FFFFFF;
		margin-left: 50px;
		margin-right: 50px;
		text-align: center;
	}
	h2 { 
		font-family: 'FiraMono', cursive;
		font-size: 24px;
		color: gray;
		margin left: 50px;
		margin right: 50px;
	}
	p { 
		font-family: 'Hind', sans-serif;
		font-size: 18px;
		color: gray;
		margin-left: 20px;
		margin-right: 20px;
		text-align: justify;
	}
	ol { 
		background-color: white;
		font-family: 'Hind', sans-serif;
		font-size: 18px;
		color: gray;
		margin-left: 50px;
		margin-right: 50px;
		list-style-type: none;
		display: flex;
	}
	a {
		text-decoration: none;
	}
	a:hover{
		color: #FFC2ED;
	}
	
/* CSS Document */